<template>
  <!--  综合运维-->
  <div class="warp-box grid gap-col-[32px] grid-cols-3">
    <div class="w-full z-5 left-panel">
      <she-bei-guan-li></she-bei-guan-li>
    </div>
    <div class="w-full  z-5 cente-panel">
    <gong-dan-lei-xing/>
    </div>
    <div class="w-full  z-5 right-panel">
      <tong-zhi-gong-gao></tong-zhi-gong-gao>
      <ku-cun-guan-li></ku-cun-guan-li>
      <dang-an-guan-li></dang-an-guan-li>
    </div>
  </div>
</template>
<script setup>
import SheBeiGuanLi from './panel/设备管理/index.vue'
import TongZhiGongGao from './panel/通知公告/index.vue'
import KuCunGuanLi from './panel/库存管理/index.vue'
import DangAnGuanLi from './panel/档案管理/index.vue'
import GongDanLeiXing from  "./panel/工单类型/index.vue"
import { panelToggle } from '@/utils/panelToggle.js'
import { onMounted } from 'vue'
// 组件挂载完成后执行的钩子函数
onMounted(async () => {
  // 这里可以添加组件挂载后需要执行的代码
  await panelToggle.showPanel()
  console.log('组件挂载完成')
})
</script>

<style lang="scss" scoped>
@import '@/assets/panel.common.css';

.warp-box {
  left: 0;
  margin: 107px 32px;
  height:calc(100% - 184px);
  overflow-y: auto;
  overflow-x: hidden;
}
.left-panel,.right-panel{
  position: unset;
  height: 100%;
}
</style>
